<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/details.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/details.js"></script>
</head>
<body>
    <div class="nav">
        <div class="navigation main">
            <div class="n-left">
                <span>考拉欢迎你!</span>
                <a href="login.html" class="n-login">登录</a>
                <a href="login.html" class="n-reg">免费注册</a>
                <a href="">手机考拉</a>
            </div>
            <ul class="n-list">
                <li><a href="">每日签到</a></li>
                <li><a href="">我的订单</a></li>
                <li class="moreMenu">
                    <a href="">个人中心
                        <span class="nav-sj"></span>
                        <div class="n-menu1">
                            <a href="">我的优惠券</a>
                            <a href="">我的购物津贴</a>
                            <a href="">我的红包</a>
                            <a href="">我的考拉豆</a>
                            <a href="" class="menu-bor">帐号管理</a>
                            <a href="">我的实名认证</a>
                            <a href="">我的发票抬头</a>
                            <a href="" class="menu-bor">我收藏的商品</a>
                            <a href="">我关注的品牌</a>
                            <a href="" class="menu-bor">售后管理</a>
                        </div>
                    </a>
                </li>
                <li class="moreMenu">
                    <a href="">客户服务
                        <span class="nav-sj"></span>
                        <div class="n-menu2">
                            <a href="">联系客服</a>
                            <a href="">帮助中心</a>
                            <a href="">知识产权保护</a>
                            <a href="">规则中心</a>
                        </div>
                    </a>
                </li>
                <li class="moreMenu">
                    <a href="">充值中心
                        <span class="nav-sj"></span>
                        <div class="n-menu3">
                            <a href="">话费充值</a>
                            <a href="">游戏充值</a>
                            <a href="">APP Store 充值卡</a>
                        </div>
                    </a>
                </li>
                <li class="moreMenu god">
                    <a href="">消费者权益
                        <span class="nav-sj"></span>
                        <div class="n-menu4">
                            <a href="">消费者告知书</a>
                        </div>
                    </a>
                </li>
                <li class="moreMenu nav-more">
                    <a href="">更多
                        <span class="nav-sj"></span>
                        <div class="n-menu5">
                            <a href="">收藏本站</a>
                            <a href="" class="menu-bor">新浪微博</a>
                            <a href="">微信公众号</a>
                            <a href="">招商合作</a>
                        </div>
                    </a>
                </li>
                <li><a href="">视频内容</a></li>
            </ul>
        </div>
    </div>

    <div class="search">
        <div class="searchBox main">
            <a href="" class="s-left"><img src="./images/index/logo.png" alt=""></a>
            <div class="s-middle">
                <span class="s-m-icon1"></span>
                <input type="text" placeholder="面膜" class="s-m-search">
                <span class="s-m-icon2"></span>
            </div>
            <a href="" class="s-right">
                <span class="s-r-icon"></span>
                <span class="s-r-car">购物车</span>
            </a>  
        </div>
        <div class="s-fixed">
            <div class="s-f-fixed main">
                <div class="s-f-img"></div>
                <div class="s-f-middle">
                    <span class="s-f-icon1"></span>
                    <input type="text" placeholder="面膜" class="s-f-search">
                    <span class="s-f-icon2"></span>
                </div>
            </div>
        </div>
    </div>

    <div class="banner">
        <div class="b-top main">
            <div class="b-t-all">
                <div class="b-t-list"></div>
                <span class="b-t-l-text">所有分类</span>
                <ul class="b-t-all-list">
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>美容彩妆</span>
                        <span>&gt;</span>
                    </li>
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>母婴儿童</span>
                        <span>&gt;</span>
                    </li>
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>营养保健</span>
                        <span>&gt;</span>
                    </li>
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>数码家电</span>
                        <span>&gt;</span>
                    </li>
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>个户家清</span>
                        <span>&gt;</span>
                    </li>
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>服饰鞋靴</span>
                        <span>&gt;</span>
                    </li>
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>运动户外</span>
                        <span>&gt;</span>
                    </li>
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>手表配饰</span>
                        <span>&gt;</span>
                    </li>
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>轻量奢华</span>
                        <span>&gt;</span>
                    </li>
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>家居生活</span>
                        <span>&gt;</span>
                    </li>
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>环球美食</span>
                        <span>&gt;</span>
                    </li>
                    <li>
                        <img src="./images/index/xs-white.png" class="b-list-img1" alt="">
                        <img src="./images/index/xs-red.png" class="b-list-img2" alt="">
                        <span>宠物生活</span>
                        <span>&gt;</span>
                    </li>
                </ul>
            </div>
            
            <ul class="b-t-dh">
                <li><a href="">首页</a></li>
                <li><a href="">海外直购</a></li>
                <li><a href="">考拉海购出品</a></li>
                <li><a href="">品质奶粉</a></li>
                <li><a href="">人气面膜</a></li>
                <li><a href="">充值</a></li>
            </ul>
        </div>
    </div>

    <div class="contain">
        <div class="con-box main">
            <div class="c-top">
                <div class="c-top-text">
                    <span class="plain">调味品/酱料</span>
                    <span class="plain">&nbsp;>&nbsp;</span>

                    <div class="choose choose-select1">
                        <div class="choose-a a-select1">
                            <a href="javascript:void(0)" class="choose-list1">调味品/酱料</a>
                            <span class="choose-icon"></span>
                        </div>
                        <div class="choose-box box1">
                            <ul class="choose-list">
                                <li><a href="javascript:void(0)">调味品(旧)</a></li>
                                <li><a href="javascript:void(0)">酱料(旧)</a></li>
                                <li><a href="javascript:void(0)">寿司料理</a></li>
                                <li><a href="javascript:void(0)">替他调味品</a></li>
                                <li><a href="javascript:void(0)">食糖</a></li>
                                <li><a href="javascript:void(0)">豆腐乳</a></li>
                                <li><a href="javascript:void(0)">果酱</a></li>
                                <li><a href="javascript:void(0)">咖喱</a></li>
                                <li><a href="javascript:void(0)">调味酱</a></li>
                                <li><a href="javascript:void(0)">调味料</a></li>
                            </ul>
                        </div>
                    </div>

                    <span class="plain">&nbsp;>&nbsp;</span>
                    
                    <div class="choose choose-select2">
                        <div class="choose-a a-select2">
                            <a href="javascript:void(0)" class="choose-list1">食盐</a>
                            <span class="choose-icon"></span>
                        </div>
                        <div class="choose-box box2">
                            <ul class="choose-list">
                                <li><a href="javascript:void(0)">调味品(旧)</a></li>
                                <li><a href="javascript:void(0)">酱料(旧)</a></li>
                                <li><a href="javascript:void(0)">寿司料理</a></li>
                                <li><a href="javascript:void(0)">替他调味品</a></li>
                                <li><a href="javascript:void(0)">食糖</a></li>
                                <li><a href="javascript:void(0)">豆腐乳</a></li>
                                <li><a href="javascript:void(0)">果酱</a></li>
                                <li><a href="javascript:void(0)">咖喱</a></li>
                                <li><a href="javascript:void(0)">调味酱</a></li>
                                <li><a href="javascript:void(0)">调味料</a></li>
                            </ul>
                        </div>
                    </div>

                    <span class="plain">&nbsp;>&nbsp;</span>

                    <div class="choose">
                        <div class="choose-a">
                            <a href="javascript:void(0)" class="choose-list1">ORCI</a>
                            <span class="choose-icon"></span>
                        </div>
                    </div>

                    <span class="plain">&nbsp;>&nbsp;</span>
                    <span class="plain">【ORCI】喜马拉雅粉盐玫瑰盐（不含碘）1kg/袋</span>

                </div>
            </div>
            <div class="con-middle">
                <div class="c-m-left">
                    <div class="img-focus">
                        <img src="./images/more/big1.jpg" alt="">
                        <div class="shadow"></div>
                    </div>
                    <div class="big-img">
                        <img src="./images/more/big1.jpg" alt="">
                    </div>
                    <div class="c-m-left-arrow"></div>
                    <div class="c-m-lift"></div>
                    <div class="c-m-right-arrow"></div>
                </div>
                <div class="c-m-right"></div>
            </div>
        </div>
    </div>


    <div class="foot">
        <div class="ft-list main">
            <ul>
                <li>
                    <div class="ft-icon">正</div>
                    <p>正品承诺</p>
                    <span>正品保障 假一赔十</span>
                </li>
                <li>
                    <div class="ft-icon">低</div>
                    <p>低价保障</p>
                    <span>缩减中间环节 确保低价</span>
                </li>
                <li>
                    <div class="ft-icon">退</div>
                    <p>30天无忧退货</p>
                    <span>国内退货 售后无忧</span>
                </li>
                <li>
                    <div class="ft-icon">邮</div>
                    <p>满88包邮</p>
                    <span>部分特殊商品除外</span>
                </li>
            </ul>
        </div>
    </div>

    <div class="foot2">
        <ul class="ft2-list main">
            <li class="ft2-img">
                <img src="./images/index/foot-logo.png" alt="">
                <span>关注我们</span>
                <a href="javascript:void(0)" class="weibo"></a>
                <div class="weibo-ewm"></div>
                <a href="javascript:void(0)" class="wechat"></a>
                <div class="wechat-ewm"></div>
            </li>
            <li class="ft2-text">
                <p>考拉保障</p>
                <a href="javascript:void(0)">假一赔十</a>
                <a href="javascript:void(0)">廉政举报</a>
            </li>
            <li class="ft2-text">
                <p>新手指南</p>
                <a href="javascript:void(0)">购物流程</a>
                <a href="javascript:void(0)">支付方式</a>
                <a href="javascript:void(0)">通关税费</a>
                <a href="javascript:void(0)">常见问题</a>
            </li>
            <li class="ft2-text">
                <p>售后服务</p>
                <a href="javascript:void(0)">售后政策</a>
                <a href="javascript:void(0)">退货流程</a>
                <a href="javascript:void(0)">特色服务</a>
                <a href="javascript:void(0)">联系客服</a>
            </li>
            <li class="ft2-text">
                <p>物流配送</p>
                <a href="javascript:void(0)">配送方式</a>
                <a href="javascript:void(0)">配送服务</a>
                <a href="javascript:void(0)">运费标准</a>
                <a href="javascript:void(0)">物流跟踪</a>
            </li>
            <li class="ft2-text">
                <p>商家服务</p>
                <a href="javascript:void(0)">招商合作</a>
                <a href="javascript:void(0)">销售联盟</a>
                <a href="javascript:void(0)">商家成长</a>
            </li>
            <li class="ft2-text">
                <p>关于我们</p>
                <a href="javascript:void(0)">联系我们</a>
                <a href="javascript:void(0)">CEO邮箱</a>
            </li>
            <li class="ft2-last">
                <img src="./images/index/foot-ewm.png" alt="">
                <span>扫描下载手机版</span>
            </li>
        </ul>
    </div>

    <div class="tail">
        <div class="tail-top main">
            <span>增值电信业务经营许可证：浙B2-20160288</span>
            <span>（浙）网械平台备字[2018]第00007号</span>
            <span>阿里巴巴版权所有©2003-2021</span>
            <span><a href="">隐私政策</a>&nbsp;-&nbsp;<a href="">考拉海购</a></span>
        </div>
        <div class="tail-middle">
            <span>网络文化经营许可证：浙网文（2020）4340-180号</span>
            <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010006</span>
            <span><a href="">网络第三方平台规范进口冷链食品承诺函</a></span>
        </div>
        <div class="tail-bottom">
            <span>
                <a href="" class="police"><img src="./images/reg/r6.png" alt=""></a>
            </span>
            <span><a href="">浙公网安备 33010802002216号</a></span>
            <span><a href="">互联网药品信息服务资格证书编号（浙）-2017-0027</a></span>
            <span><a href="">浙ICP备16011229号-6</a></span>
            <span><a href="">自营经营者信息</a></span>
        </div>
        <div class="tail-img">
            <a href=""><img src="./images/reg/r4.png" class="tail-img1" alt=""></a>
            <a href=""><img src="./images/reg/r5.png" class="tail-img2" alt=""></a>
        </div>
    </div>
</body>
</html>